<html>
	<head>
		<link rel="stylesheet" href="./JanGrid.css" />
		<link rel="stylesheet" href="./index.css" />
		<link rel="stylesheet" href="./JanAnimation.css" />
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
	</head>
	<body>
		<div class="mask row center" id="modal" style="margin: 0">
			<div class="col-xs-4 col-sm-3">
				<div class="modal-card" id="modal-card">
					<div class="modal-card-title" id="modal-title"></div>
					<div class="modal-card-content" id="modal-content"></div>
					<button class="button success modal-card-button" id="modal-button" onclick="hide()">关闭</button>
				</div>
			</div>
		</div>
		<div class="row center" style="height: 100vh">
			<div class="card col-xs-6 col-sm-5 col-md-4" id="login">
				<h1 style="margin-bottom: 40px">欢迎登录<br />小A供应商合作征集平台</h1>
				<input type="text" placeholder="请输入账号" class="input-field" id="username" />
				<input type="password" placeholder="请输入密码" class="input-field" id="pwd" />

				<button class="button success" id="submitLogin">登录</button>
				<button class="button info" id="toReg">注册</button>
			</div>

			<div class="card col-xs-6 col-sm-5 col-md-4" id="register" style="display: none">
				<h1 style="margin-bottom: 40px">欢迎注册</h1>
				<input type="text" placeholder="账户名" class="input-field" id="regusername" />
				<input type="password" placeholder="密码" class="input-field" id="regpwd" />
				<input type="text" placeholder="姓名" class="input-field" id="regname" />
				<input type="text" placeholder="手机号" class="input-field" id="regphone" />
				<button class="button success" id="submitRegister">注册</button>
				<button class="button info" id="toLogin">返回登录</button>
			</div>
		</div>
	</body>
	<script src="./index.js" type="module"></script>
</html>
